.app-category {
  height: 100%;
  .nav {
    .nav-con {
      background: var(--themeColor);
    }
  }
  .search {
    background: #fe0100;
    height: 1.333333rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .category-content {
    height: calc(100vh - 3.866667rem);
    display: flex;
    .content-left {
      overflow-y: scroll;
      flex: 1;
      background:#f3f3f3;
      .categories-title{
        display: flex;
        justify-content: center;
        align-items: center;
        height: 1rem;
        font-size:0.32rem;
        color: #1b1b1b;
      }
      .active{
        color:var(--themeColor);
        border-left: 2px solid var(--themeColor);
      }
    }
    .content-right {
      overflow-y: scroll;
      flex: 3;
      // background: pink;
      .right-item {
        .right-item-title {
          color:#818181;
          height: 0.8rem;
          display: flex;
          justify-content: center;
          align-items: center;
        }
        .right-item-list {
          display: flex;
          flex-wrap: wrap;
          .right-item-list-img-single {
            width: 33%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            .right-item-list-img {
              width:80%;
              height:60%;
              img {
                width: 100%;
                height: 100%;
              }
            }
            .right-item-list-title {
              color: #383838;
              margin-top: 0.266667rem;
            }
          }
        }
      }
    }
  }
}
